<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Let's DIVS</title>

    <style type="text/css">
        .item {
            margin: 5px;
            float: left;
        }

        .clear {
            clear: both;
        }
    </style>
</head>
<body>
<div class="item" style="width: 30%; height: 300px; background-color: aquamarine">

</div>
<div class="item" style="width: 30%; height: 300px; background-color: cyan">

</div>
<div class="item" style="width: 30%; height: 300px; background-color: aliceblue">

</div>
<div class="item" style="width: 50%; height: 500px; background-color: burlywood">

</div>
<div class="item" style="width: 45%; height: 400px; background-color: cornsilk">

</div>
<div class="item clear" style="width: 30%; height: 350px; background-color: khaki">

</div>
<div class="item" style="width: 20%; height: 350px; background-color: coral">

</div>
<div class="item" style="width: 30%; height: 350px; background-color: darksalmon">

</div>
</body>
</html>